import img1 from "../img/margin重叠.png";
import img2 from "../img/margin负值1.png";
import img3 from "../img/margin负值2.png";

## 什么时候会发生margin重叠

上下两个盒子，上设置 margin-bottom，下设置 margin-top，会发生重叠，中间的距离取值最大的。

<img src={img1} />


## margin负值导致盒子重叠
margin负值导致盒子重叠 这种情况 上下左右 都会出现
<img src={img2} />
<img src={img3} />
